html,body{
    background: #fff;
}
.content{
    .top-bar{
        ul{
            overflow: hidden;
            width: 90%;
            margin: 0 auto;
            margin-top: 20px;
            li{
                width: 20%;
                float: left;
                div{
                    position: relative;
                    width: 30px;
                    height: 30px;
                    margin: 0 auto;
                    border-radius: 30px;
                    i{
                        font-style: normal;
                        position: absolute;
                        top: 0;
                        left: 5px;
                        display: block;
                        width: 20px;
                        height: 20px;
                        line-height: 20px;
                        margin: 0 auto;
                        margin-top: 5px;
                        border-radius: 20px;
                        text-align: center;
                        background: #9a5e27;
                        z-index: 2;
                        a{
                            color: #fff;
                        }
                    }
                    b{
                        position: absolute;
                        top: 0;
                        left: 0;
                        display: none;
                        width: 30px;
                        height: 30px;
                        border-radius: 30px;
                        background: rgba(154,94,39,0.4);
                        z-index: 1;
                    }
                }
                p{
                    margin-top: 3px;
                    text-align: center;
                    color: #9a5e27;
                }
                
                hr{
                    width: 80%;
                    margin: 0 auto;
                    margin-top: 15px;
                    border: 1px solid #9a5e27;
                }
                &.active{
                    div{
                        b{
                            display: block;
                        }
                    }
                }
            }
        }      
    }
    .sel-list{
        margin-top: 15px;
        .item{
            width: 90%;
            margin: 0 auto;
            p{
                margin-top: 12px;
                a{
                    color: #9a5e27;
                    margin-right: 5px;
                }
            }
            li{
                padding-left: 5%;
                margin-top: 12px;
                img{
                    display: block;
                    float: left;                  
                    width: 20px;
                    margin: 0 8px;
                }
                
            }
        }
        
    }  
}
.regist-btn{
    font-size: 16px;
    display: block;
    width: 100%;
    padding: 12px 0;
    position: fixed;
    bottom: 0;
    color: #fff;
    text-align: center;
    background: #9a5e27;
}   
